.detail{
  background-color:#fff;
  .info-title{
    text-align:center;
    font-size:2rem;
    line-height:3.2rem;
    color:rgb(0,64,193);
    font-weight:bold;
  }
  ul.info{
    width:50%;
    float:left;
    box-sizing: border-box;
    padding:0 2px;
    li{

      box-sizing: border-box;
      padding:8px 5px;
      //float:left;
      color:rgb(34,34,36);
      font-size:1.2rem;

      border-bottom: solid 1px #cdcdcd;
      //padding-bottom:5px;
      //&:nth-child(2n){
      //  float:right;
      //}
      .key{
        float:left;
        //width:60px;
        width:40%;
        //margin-right:5px;
      }
      .value{
        text-align:right;
        width:60%;
        float:right;

      }
      &:after{
        clear:both;
      }
    }
  }
  .oil{
    .nav{
      height:50px;

      a.item{
        display:block;
        width:33.333333%;
        text-align:center;
        color:#cdcdcd;
        border-bottom: solid 5px #cdcdcd;
        font-size:1.5rem;
        height:45px;
        line-height:45px;
        font-weight:bold;
        box-sizing: border-box;
        float:left;
        text-decoration: none;
        cursor:pointer;
        span{

        }

        &.current{
          border-bottom: solid 5px rgb(0,64,193);
          color:rgb(0,64,193);
        }
      }
      &:after{
        clear:both;
        content:" ";
      }
    }
    .nav-content{
      .item{
        display:none;
        .item-oil{
          padding:30px 20px;
          background-color:rgb(239,239,239);
          .img{
            margin: 0 auto;
            width: 100%;
            max-width: 200px;
            img{
              width: 100%;
            }
          }
          .name{
            font-family: '微软雅黑';
            text-align: center;
            font-size: 1.4rem;
            color:rgb(40,39,37);
          }
        }
        .detail-btn{
          display:block;
          text-decoration: none;
          background-color: rgb(0,64,152);
          border-radius: 5px;
          font-size: 1.6rem;
          color: #fff;
          height: 40px;
          line-height: 40px;
          text-align: center;
          width: 240px;
          margin: 20px auto;

        }
        &.current{
          display:block;
        }
      }
    }
  }

  .tail{
    //background-image:url('../../images/tail.png');
    //background-size: 100%;
    //
    //max-height:31px;
    img{
      width:100%;
    }
  }
}